<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Login de la réservation de vole</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
        <style>
            body {
              padding-top: 40px;
              padding-bottom: 40px;
              background-color: #eee;
            }
        </style>
    </head>
    <body>
		<div id="alerts"></div>
        <div class="container">
        	<div style="width:500px;margin:40px auto;">
        		<img src="/img/VolsCPE_logo.png" alt="logo" style="max-width:500px" />
        	</div>
            <form class="form-signin" id="loginForm">
                <h2 class="form-signin-heading">Please sign in</h2>
                <input type="text" class="form-control" name="login" placeholder="Email address" required autofocus>
                <input type="password" class="form-control" name="password" placeholder="Password" required>
                <!-- <label class="checkbox">
                    <input type="checkbox" value="remember-me"> Remember me
                </label> -->
                <button class="btn btn-lg btn-primary btn-block" type="submit" id="loginBtn">Sign in</button>
                <a href="register.html" >Nouveau? Enregistrer un compte</a>
            </form>
        </div>
        
        <!-- Scripts -->
        <script src="js/vendor/jquery-1.10.1.min.js"></script>
        <script src="js/vendor/bootstrap.min.js"></script>
        <script src="js/main.js"></script>
        <script src="js/login.js"></script>
    </body>
</html>
